<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./indenx.css">

    <style>
        .zhuanrang{width:1400px;height: 36px;line-height:36px;
             text-align:center;}
   
        .rang{display:inline-block;width:50px;
         border-top:1px solid skyblue;

         vertical-align:5px;}
  .denglu{position: relative;top: 20px;left: 200px; border: none;width: 500px;height: 300px; }
  .tupian{
      position: absolute;left: 800px;top: 590px; 
  }
  .denglu input{background-color: rgb(174, 223, 243);border: none;color: snow;}
   </style>

</head>
<body>
      <!-- 头部 -->
      <header>
        <!-- 顶部内容 -->
        <div class="head-top">
            <!-- 导航栏 -->
            <nav>
                <!-- logo -->
                <img src="./dingsou-37/logo/未标题-2.png" alt="">

                <!-- 列表 -->
                <ul>
                    <li>
                       <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">关于鼎搜</a>
                    </li>
                    <li>
                        <a href="">鼎搜服务</a>
                    </li>
                    <li>
                        <a href="">鼎搜动态</a>
                    </li>
                    <li>
                        <a href="">鼎搜诚聘</a>
                    </li>
                    <li>
                        <a href="">鼎搜公益</a>
                    </li>
                </ul>

                <!-- 搜索框 -->
                <div class="search">
                 <img src="./dingsou-37/logo/形状 1.png" alt="">
                </div>
            </nav>
        </div>

        <!-- 顶部轮播图 -->
        <div class="head-carousel">
        <ul >
            <li><img src="./dingsou-37/logo/QQ图片20210429105447.png" alt=""></li>
            <li><img src="./dingsou-37/logo/QQ图片20210429105447.png" alt=""></li>
            <li><img src="./dingsou-37/logo/QQ图片20210429105447.png" alt=""></li>
        </ul>
        <!-- 小圆点 -->
        <div class="dots">
            <span class="dots_active"></span>
            <span></span>
            <span></span>
        </div>
        </div>
    </header>  

<main>
<div>
    <div class="zhuanrang">
<span class="rang"></span> 
<span >我要转让</span>
<span>woyaozhuanrang</span>
<span class="rang"></span>
    </div>

    <div>
<table class="denglu" border="0" cellspacing="0" cellspacing="0"        >
    <tr>
        <td colspan="2" style="text-align: right;"><input type="submit" value="点击登录"/></td>
     
        <td colspan="3"><input type="submit" value="点击注册"/></td>
        
    </tr>
    <tr>
        <td>用户名：</td>
        <td colspan="4"><input type="text" size="50"></td>
        
    </tr>
    <tr>
        <td>密码：</td>
        <td colspan="4"><input type="text" size="50"></td>
        
    </tr>
    <tr>
        <td>验证码：</td>
        <td><input type="text" size="5"></td>
        <td>ki6l</td>
        <td style="font-size: 5px;">看不清？</td>
        <td style="font-size: 5px;color: red;">点击更换</td>
    </tr>
    <tr>
        <td>有效期</td>
        <td colspan="4"><label for="month">一个月</label>
            <input type="radio" name="day" value="1" checked id="" checked /> 
            <label for="week">一周</label>
            <input type="radio" name="day" value="2" id=""  />
            <label for="day">一天</label>
            <input type="radio" name="day" value="3" id=""  />
            <label for="now">即时</label>
            <input type="radio" name="day" value="4" id=""  />
        </td>
        
    </tr>
    <tr>
        <td colspan="2" style="text-align: right;"><input type="submit" value="登录" size="100" ></td>
        
        <td colspan="3" style="font-size: 5px;color: red;">忘记密码?</td>
        
    </tr>
        
</table>
    </div>
    <div class="tupian">
<img src="./dingsou-37/logo/post.png" alt="" height="250x">
    </div>
</div>
</main>


<footer style="position: relative;top: -400px;">
    <div > 
        <table class="foot" width="600px">
            <tr>
             <th>简介</th>
             <th>帮助</th>
             <th>共赢</th>
             <th>导航</th>
             <th></th>
            </tr>
            <tr>
                <td>鼎搜网简介</td>
               
                <td>用户注册</td>
                <td>网站合作</td>
                <td>地图首页</td>
                <td></td>
            </tr>
            <tr>
                <td>鼎搜服务</td>
               
                <td>关于鼎搜</td>
                <td>用户协议</td>
                <td>只能分类</td>
                <td></td>
            </tr>
            <tr>
            <td>会员身份实名认证</td>
            <td>在线咨询</td>
            <td>会员身份实名认证</td>
            <td>企业名录</td>
            <td></td>
        </tr>
        </table>
        <div class="yejiao">
            <img src="./dingsou-37/logo/页脚.png" alt="">
            <div class="footbot">Copyright@2015鼎搜网（www.dinsou.com)版权所有</div>
        </div>
      
    </div>
       
   
</footer>
</body>
</html>